.imgList {
  display: flex;
  justify-content: space-between;
}


.mask {
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-color: rgba(0,0,0,.3);
  display: none;
}
@size: 100px;
.front {
  position: absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;

  .circle {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    width: 100%;
    height: 100%;
    transition:all .5s;
    color: transparent;
    background-color: rgba(0,0,0,0);
    font-size: 16px;
  }
}

.card {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  cursor: pointer;

  &:hover {
    .mask {
      display: block;
    }
    .front {
      .circle {
        border-radius: 100%;
        width: @size;
        height: @size;
        background-color: rgba(0,0,0,.8);
        color: #fff;
      }
    }
  }
}

.uploadBtn {
  position: absolute;
}